﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Register.ascx.cs" Inherits="Controls_Register" %>
<%@ Import Namespace="Portal.Core" %>
<div id="register" style="display: block">
    <div class="blocktitle">
        <div style="float: left">
            ĐĂNG KÍ THÀNH VIÊN</div>
        <div onclick="Popup.hide('register')" id="re_close" style="float: right; cursor: pointer">
            [ x ]</div>
        <div style="clear: both">
        </div>
    </div>
    <div id="show_megs" style="color: Red; display: none">
        <fieldset>
            <legend>Thông báo hệ thống</legend>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txb_username"
                ErrorMessage=">> Bạn chưa nhập tên đăng nhập!" ValidationGroup="RegisterGroup"></asp:RequiredFieldValidator><br />
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txb_password"
                ErrorMessage=">> Bạn chưa nhập mật khẩu!" ValidationGroup="RegisterGroup"></asp:RequiredFieldValidator><br />
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txb_password_confirm"
                ErrorMessage=">> Bạn chưa nhập mật khẩu xác nhận!" ValidationGroup="RegisterGroup"></asp:RequiredFieldValidator><br />
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txb_email"
                ErrorMessage=">> Bạn chưa nhập Email!" ValidationGroup="RegisterGroup"></asp:RequiredFieldValidator>
        </fieldset>
    </div>
    <fieldset>
        <legend>Tài khoản đăng nhập</legend>
        <table>
            <tr>
                <td class="left">
                    Tên đăng nhập:
                </td>
                <td class="center">
                    <asp:TextBox ID="txb_username" runat="server" CssClass="txbinput" ToolTip="Tên đăng nhập không được để khoảng trắng!"></asp:TextBox>
                    <span class="risk">(*)</span>
                </td>
                <td class="right">
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="txb_username"
                        ErrorMessage="Tên đăng nhập không để khoảng trắng" ValidationExpression="[^ ]*"
                        ValidationGroup="RegisterGroup"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="left">
                    Mật khẩu:
                </td>
                <td class="center">
                    <asp:TextBox ID="txb_password" runat="server" CssClass="txbinput" TextMode="Password"
                        ToolTip="Ít nhất 5, tối đa 30 ký tự bao gồm Aa-Zz,0-9,_"></asp:TextBox>
                    <span class="risk">(*)</span>
                </td>
                <td class="right">
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txb_password"
                        ErrorMessage="Ít nhất 5, tối đa 30 ký tự bao gồm Aa-Zz,0-9,_" ValidationExpression="([a-zA-Z0-9_]{5,30})+"
                        ValidationGroup="RegisterGroup"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="left">
                    Nhập lại mật khẩu:
                </td>
                <td class="center">
                    <asp:TextBox ID="txb_password_confirm" runat="server" CssClass="txbinput" TextMode="Password"
                        ToolTip="Ít nhất 5, tối đa 30 ký tự bao gồm Aa-Zz,0-9,_"></asp:TextBox>
                    <span class="risk">(*)</span>
                </td>
                <td class="right">
                    <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txb_password"
                        ControlToValidate="txb_password_confirm" ValidationGroup="RegisterGroup">Mật khẩu xác nhận không khớp!</asp:CompareValidator>
                </td>
            </tr>
            <tr>
                <td class="left">
                    Email:
                </td>
                <td class="center">
                    <asp:TextBox ID="txb_email" runat="server" CssClass="txbinput" ToolTip="Mời bạn nhập đúng email để nhận tin kích hoạt sau khi đăng kí"></asp:TextBox>
                    <span class="risk">(*)</span>
                </td>
                <td class="right">
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txb_email"
                        ErrorMessage="Email bạn nhập không hợp lệ!" SetFocusOnError="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                        ValidationGroup="RegisterGroup"></asp:RegularExpressionValidator>
                </td>
            </tr>
        </table>
    </fieldset>
    <fieldset>
        <legend>Thông tin cá nhân</legend>
        <div>
            <div style="float: left">
                <table>
                    <tr>
                        <td class="left">
                            Họ tên đầy đủ:
                        </td>
                        <td class="center1">
                            <asp:TextBox ID="txb_hoten" runat="server" CssClass="txbinput"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">
                            Ngày sinh:
                        </td>
                        <td class="center1">
                            <asp:TextBox ID="txb_birthday" runat="server" CssClass="txbinput" Width="140px"></asp:TextBox>
                            <input id="Button1" class="buttonImg" onclick="displayCalendar(this,'dd/mm/yyyy',this,false,'','<%=txb_birthday.ClientID%>')"
                                type="button" />
                        </td>
                    </tr>
                    <tr>
                        <td class="left">
                            Số điện thoại:
                        </td>
                        <td class="center1">
                            <asp:TextBox ID="txb_phone" runat="server" CssClass="txbinput"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">
                            Ảnh đại diện:
                        </td>
                        <td class="center1">
                            <div style="float: left">
                                <asp:FileUpload ID="uploadPicture" runat="server" /></div>
                            <div style="float: left;">
                                <asp:Button ID="cmd_UploadAvatar" runat="server" Text="Tải lên" OnClick="cmd_UploadAvatar_Click" /></div>
                            <div style="clear: both">
                            </div>
                        </td>
                    </tr>
                </table>
                <div style="text-align: right; margin-right: 10px">
                </div>
            </div>
            
            <div style="float: right">
                <fieldset style="width: 140px; margin: auto;height:150px">
                    <legend>Ảnh đại diện</legend>
                    <div style="width: 132px; margin: auto">
                        <asp:HiddenField ID="id_Avatar" runat="server" />
                        <asp:Image ID="Img_Avatar" runat="server" CssClass="reimg" Width="132px" Height="152px" /></div>
                </fieldset>
            </div>
            <div style="clear: both">
            </div>
        </div>
    </fieldset>
    <fieldset>
        <legend>Quy định Website</legend>
        <script language="javascript" type="text/javascript">
            function viewOrhid_quydinh(value) {
                if (value == 1) {
                    $('#quydinh_more').css({ 'display': 'block' });
                    $('#show_quydinh').css({ 'display': 'none' });
                } else {
                    $('#quydinh_more').css({ 'display': 'none' });
                    $('#show_quydinh').css({ 'display': 'block' });
                }
            }
        </script>
        <div style="margin: 10px">
            <div>
                flimhay.vn là 1 website movie được lập ra để các bạn có thể thưởng thức những thước
                phim hay nhưng chưa có điều kiện để xem trên rạp hay tivi..<a id="show_quydinh" style="color: Red"
                    href="javascript:void(0)" onclick="viewOrhid_quydinh(1)">xem thêm</a>
                <div id="quydinh_more" style="display: none">
                    <br />
                    1) Chăm online xem và thảo luận phim.
                    <br />
                    2) Giới thiệu Site này tới bạn bè .<br />
                    3) Không được có những lời thô tục, thiếu văn hóa trong lời bình luận. Nếu có tài
                    khoản sẽ bị xóa khỏi site.<br />
                    4) Phòng trường hợp mất mật khảu, mong bạn hãy nhập cho chính xác.<a style="color: Red"
                        href="javascript:void(0)" onclick="viewOrhid_quydinh(2)"> rút gọn</a>
                </div>
            </div>
        </div>
    </fieldset>
    <script language="javascript" type="text/javascript">
        function show_messge() {
            $('#show_megs').css({ 'display': 'block' });
            return true;
        }
        $(function () {
            $('#re_checkbox').click(function () {
                var satisfied = $('#re_checkbox:checked').val();
                if (satisfied != undefined)
                    $('#MainContent_register_command_ok').attr({ 'disabled': '' });
                else
                    $('#MainContent_register_command_ok').attr({ 'disabled': 'disabled' });
            });
        });
    </script>
    <div style="padding: 5px 15px">
        <input id="re_checkbox" type="checkbox" checked="checked" title="Tôi đồng ý quy định" />Tôi
        đồng ý quy định của Website
    </div>
    <div style="padding-bottom: 30px">
        <div style="float: left; width: 50%;">
            <div style="text-align: right">
                <asp:Button ID="command_ok" runat="server" Text="Đăng kí thành viên" CssClass="re_submit"
                    OnClick="command_ok_Click" OnClientClick="show_messge()" ValidationGroup="RegisterGroup" />
            </div>
        </div>
        <div style="float: right; width: 50%">
            <div style="text-align: left; margin-left: 5px">
                <input id="command_exit" title="Hủy" type="submit" value="Hủy" class="re_submit" /></div>
        </div>
        <div style="clear: both">
        </div>
    </div>
</div>
